<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/order.css" />
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<script src="../libs/requirejs/require.js" data-main="/js/order"></script>
		<!-- <script src="../libs/laydate/laydate.js"></script> -->
	</head>
	<body>
		<header></header>
		<section>
			<div class="orderinfo">
				<div class="ordreinfor">
					<div class="ordertitle">
						<i></i>
						<span>收货信息</span>
					</div>
					<div class="shinfor">
						北京 北京市西城区五环内
					</div>
				</div>
				<div class="send">
					<div class="ordertitle">
						<i></i>
						<span>配送方式</span>
					</div>
					<div class="send1">
						<form>
							<p><label><input type="radio" name="kd" class="express" />味多美快递</label></p>
							<p><label><input type="radio" name="kd" class="stores" />门店自提</label></p>
						</form>
						<div class="md1 md">
							<select>
								<option>请选择城市</option>
								<option>北京</option>
							</select>
							<select>
								<option>请选择</option>
								<option>北京市</option>
							</select>
							<select>
								<option>请选择</option>
								<option>东城区</option>
								<option>西城区</option>
								<option>海淀区</option>
								<option>朝阳区</option>
								<option>丰台区</option>
							</select>
							<input type="text" placeholder="请选择自提门店" />
							<form>
								自提时间
								<input type="text" id="text1" />
								<input type="text" id="text2" />
							</form>
						</div>
						<div class="md2 md">
							<form>
								送达时间
								<input type="text" id="text3" />
								<input type="text" id="text4" />
							</form>
						</div>
					</div>
				</div>
				<div class="zfway">
					<div class="ordertitle">
						<i></i>
						<span>支付方式</span>
					</div>
					<div class="zf1">
						<p><input type="radio" />在线支付</p>
						<ul class="choiceway">
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/weixinscanpay_logo.jpg"></i>
								</label>
							</li>
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/alipay_logo.jpg"></i>
								</label>
							</li>
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/abc_out.jpg"></i>
								</label>
							</li>
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/icbc_out.jpg"></i>
								</label>
							</li>
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/cmb_out.jpg"></i>
								</label>
							</li>
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/ccb_out.jpg"></i>
								</label>
							</li>
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/abc_out.jpg"></i>
								</label>
							</li>
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/spdb_out.jpg"></i>
								</label>
							</li>
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/cib_out.jpg"></i>
								</label>
							</li>
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/gdb_out.jpg"></i>
								</label>
							</li>
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/shbank_out.jpg"></i>
								</label>
							</li>
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/spabank_out.jpg"></i>
								</label>
							</li>
							<li>
								<label>
									<input type="radio" name="zf" />
									<i><img src="../images/psbc_out.jpg"></i>
								</label>
							</li>

						</ul>
					</div>
				</div>
				<div class="fpin">
					<div class="ordertitle">
						<i></i>
						<span>发票信息</span>
					</div>
					<div class="fp">
						<label><input type="radio" name="fp" class="dontneed" />不需要发票</label>
						<label><input type="radio" name="fp" class="person" />个人发票</label>
						<label><input type="radio" name="fp" class="conp" />公司发票</label>
					</div>
					<div class="nefp fp1">
						<span>发票内容：</span>
						<select>
							<option>蛋糕</option>
							<option>面包</option>
							<option>西点</option>
							<option>饼干</option>
							<option>月饼</option>
						</select>
					</div>
					<div class="nefp fp2">
						<span>发票抬头：</span>
						<input type="text" />
						<span>纳税人识别号：</span>
						<input type="text" />
						<span>发票内容：</span>
						<select>
							<option>蛋糕</option>
							<option>面包</option>
							<option>西点</option>
							<option>饼干</option>
							<option>月饼</option>
						</select>
					</div>
				</div>
				<div class="hplist">
					<div class="ordertitle">
						<i></i>
						<span>货品清单</span>
					</div>
					<table>
						<thead>
							<tr>
								<th>商品编号</th>
								<th>图片</th>
								<th>标题</th>
								<th>价格</th>
								<th>数量</th>
								<th>祝福对象</th>
								<th>祝福语</th>
								<th>小计</th>
							</tr>
						</thead>
						<tbody>

						</tbody>
					</table>
					<div class="remark">
						<span>订单备注：</span>
						<textarea placeholder="请在此填写您对该订单或商品的特殊要求或说明，最多20字。"></textarea>
					</div>
					<div class="operate">
						<div class="operate-title">
							<div class="red">+</div>
							<span>使用代金券</span>
						</div>
						<div class="chooperate">
							<p>
								选择已有代金券：
								<select>
									<option>请选择</option>
								</select>
								<button>确定</button>
							</p>
							<p>
								如您有通过站外方式获得的代金券，请在此输入号码：
								<input type="text" />
								<button>确定</button>
							</p>
							<p>已使用：</p>
						</div>
					</div>
				</div>
				<div class="goorder">
					<div class="orderprice">
						应付款金额：<span>￥123</span>
					</div>
					<div class="tj"><a href="#">提交订单</a></div>
				</div>
			</div>
		</section>
		<footer></footer>
		<script type="text/html" id="load-order">
			{{each cart aa}}
			<tr data-id="{{aa.id}}">
				<td>{{aa.id}}</td>
				<td><img src="{{aa.img}}"></td>
				<td>{{aa.title}}</td>
				<td>￥{{aa.price}}</td>
				<td>{{aa.amount}}</td>
				<td><input type="text"></td>
				<td><input type="text"></td>
				<td>￥{{(aa.price*aa.amount).toFixed(2)}}</td>
			</tr>
			{{/each}}
		</script>
		<!-- <script>
			laydate.render({
				elem: '#text1'
			})
			laydate.render({
				elem: '#text2',
				type: 'time'
			})
			laydate.render({
				elem: '#text3'
			})
			laydate.render({
				elem: '#text4',
				type: 'time'
			})
		</script> -->
	</body>
</html>
